@charset "UTF-8";

.commentdiv {
  width: 100%;
  margin-left: -3px;
}

.commentdiv .userdiv {
  width: 15%;
  display: inline-block;
  height: 100%;
  vertical-align: top;
}

.commentdiv .userdiv .userimage {
  height: 100%;
  vertical-align: top;
  width: 100%;
}

.commentdiv .userdiv .userinfo {
  vertical-align: top;
  width: 100%;
  margin-top: 10px;
  margin-left: 5px;
  font-family: capssula;
  font-size: smaller;
}

.userinfo .buttondiv .button {
  background-color: rgba(0, 0, 0, 1);
  display: inline-block;
  box-shadow: 0 0 5px rgba(0, 0, 0, 1);
  color: rgba(255, 255, 255, 0.8);
  padding: 5px;
  font-family: capssula;
  margin-top: 3px;
}

.profilebuttondiv {
  display: none;
}

.userinfo .button:nth-of-type(odd) {
  margin-left: 15px;
}

.commentdiv .userdiv .userimage img {
  width: 100%;
}

.commentdiv .userdiv .userimage img:hover {
  cursor: pointer;
}

.commentdiv .content {
  width: 84%;
  font-family: capssula;
  vertical-align: top;
  font-size: medium;
  display: inline-block;
}

.commentdiv .info {
  width: 100%;
  height: 15px;
  line-height: 15px;
  font-size: smaller;
  color: rgba(255, 255, 255, 0.8);
  background-color: rgba(0, 0, 0, 0.8);
}

.commentdiv .info .td {
  width: 32%;
  display: inline-block;
  margin-left: 3px;
}

.content .quote {
  width: 80%;
  background-color: rgba(0, 0, 0, 0.1);
  font-size: smaller;
  line-height: 15px;
  margin-left: 5%;
  margin-top: 5px;
  padding: 5px;
  font-style: italic;
}

.content .quote .header {
  font-size: medium;
  font-weight: bold;
  font-style: italic;
  width: 100%;
  height: 25px;
  line-height: 25px;
  font-family: Verdana, Helvetica, Arial, sans-serif;
}

.content .imgdiv {
  max-width: 95%;
  margin-top: 20px;
  margin-left: 2%;
}

.content .imgdiv img {
  min-width: 15%;
  margin-left: -4px;
  margin-top: -5px;
  max-width: 25%;
  max-height: 100px;
  min-height: 60px;
}

.content .imgdiv img:hover {
  cursor: pointer;
  box-shadow: 0 0 25px rgba(255, 255, 255, 1)
}

.content .comment {
  margin-top: 15px;
  line-height: 15px;
  width: 95%;
  margin-left: 1%;
}

.commentdiv .footer {
  width: 30%;
  margin-left: 59%;
  margin-top: 10px;
  font-family: capssula;
  height: 35px;
}

.commentdiv .button {
  background-color: rgba(0, 0, 0, 1);
  display: inline-block;
  box-shadow: 0 0 5px rgba(0, 0, 0, 1);
  color: rgba(255, 255, 255, 0.8);
  padding: 5px;
}

.commentdiv .button:hover {
  cursor: pointer;
  background-color: rgb(73, 67, 255);
}

.editcomment {
  margin-top: 15px;
  display: none;
}

.editcomment textarea {
  width: 95%;
  resize: none;
  height: 150px;
}

.editcomment .button {
  background-color: rgba(0, 0, 0, 1);
  display: inline-block;
  box-shadow: 0 0 5px rgba(0, 0, 0, 1);
  color: rgba(255, 255, 255, 0.8);
  padding: 5px;
}

.askdiv {
  width: 100%;
  font-family: capssula;
  display: none;
  text-align: center;
  color: rgba(0, 0, 0, 0.8);
}